<template>
 
 <v-scale-screen :width="1920" :height="1080" style="background: red;">
    <!-- 测试用内容 -->
     <div style="width: 100%;height:100%;display: flex;justify-content: center;align-items: center;">

       <div style="width: 200px; height: 200px; background: blue; "></div>
     </div>
  </v-scale-screen>

 
</template>
<script setup lang="ts">
  import {ref, reactive, nextTick, computed   } from "vue"

const publishedBooksMessage = computed(() => {
  // return author.books.length > 0 ? 'Yes' : 'No'
})
</script>
<style>
 .container{
  width: 100vw;
  height: 100vh;
  
 }
 .home{
    width: 200px;
    height: 200px;
    background-color: red;
  }
</style>
